<!DOCTYPE HTML>
<html>

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
  <title>display</title>
  <script type="text/javascript">
    function hidetext() {
      var mychar = document.getElementById("con");
      mychar.style.display = "none"
    }

    function showtext() {
      var mychar = document.getElementById("con");
      mychar.style.display = "block"
    }
  </script>
</head>
<!-- 我们来实现id="con"的p标签元素的隐藏和显示:

1. 在右边编辑第10行补充代码，通过style.display实现隐藏。

2. 在右边编辑第15行补充代码，通过style.display实现显示。 -->

<body>
  <h1>JavaScript</h1>
  <p id="con">做为一个Web开发师来说，如果你想提供漂亮的网页、令用户满意的上网体验，JavaScript是必不可少的工具。</p>
  <form>
    <input type="button" onclick="hidetext()" value="隐藏内容" />
    <input type="button" onclick="showtext()" value="显示内容" />
  </form>
</body>

</html>